<template>
	<view class="searchTags">
		<view v-for="item in useTransferStore().globalData">
			<navigator url="#" @click="tagSearch(item)">{{item}}</navigator>
		</view>
	</view>
</template>

<script setup>
	import { ref } from 'vue';
	import request from '@/src/utils/request.js'
	import { useTransferStore } from '../../store/transfer';

	const tagSearch = (tag) => {
		useTransferStore().send(tag)
		uni.navigateTo({
			url: '/src/pages/hot-list/hot-list'
		})
	}
</script>

<style lang="scss" scoped>
	.searchTags {
		margin-top: 10px;
		display: flex;
		flex-wrap: wrap;

		view {
			margin: 10px auto 0 auto;
			width: 168rpx;
			color: gray;
			text-align: center;
		}
	}
</style>